function getUrlParams(name){
    // location.search ---> '?id=5cf671cecf3bad24cc3c788c&age=20'
    // location.search.slice(1) --> 'id=5cf671cecf3bad24cc3c788c&age=20'
    // location.search.slice(1).split('&') --> ["id=5cf671cecf3bad24cc3c788c", "age=20"]
    var arr = location.search.slice(1).split('&')
    for(var i=0;i<arr.length;i++){
        // arr[0] ---> id=5cf671cecf3bad24cc3c788c
        // arr[0].split('=') --> ['id','5cf671cecf3bad24cc3c788c']
        var arr1 = arr[i].split('=');
        if(arr1[0] == name){
            return arr1[1];
        }
    }
    //如果for循环结束了还没有返回，说明没有找到，返回-1，代表的意思是没有找到
    return -1;
}

var id = getUrlParams('id');

//图片上传功能
$('#modifyFormBox').on('change','#feature',function(){
    var formData = new FormData()
    formData.append('cover',this.files[0])
    $.ajax({
        type:'post',
        url:'/upload',
        data:formData,
        processData:false,//让jq的ajax不要对数据进行序列化
        contentType:false,//让jq的ajax不要设置默认的请求头信息
        success:function(res){
            console.log(res)
            $('#hiddenImg').val(res[0].cover)
            $('#preview').attr('src',res[0].cover).show()
        }
    })
})


if(id != -1){
    //当前是编辑操作 
    // 编辑的第一步 展示一个带有默认值的表单
    $.ajax({
        type:'get',
        url:`/posts/${id}`,
        success:function(res){
            //获取分类数据
            $.ajax({
                type:'get',
                url:'/categories',
                success:function(categories){
                    res.categories = categories;//res这个对象既拥有文章的数据，并且还有分类的数据
                    console.log(res)
                    var time = res.createAt;
                    var date = new Date(time);//日期对象
                    // 规范的格式个位的话补0
                    res.createAt = `${date.getFullYear()}-${(date.getMonth()+1).toString().padStart(2,0)}-${(date.getDate()).toString().padStart(2,0)}`
                    var html = template('modifyTpl',res);
                    $('#modifyFormBox').html(html)
                }
            })
        }
    })

    //编辑第二步、为编辑表单添加提交事件
    $('#modifyFormBox').on('submit','#modifyForm',function(){
        var data = $(this).serialize()
        var id = $(this).attr('data-id')
        $.ajax({
            type:'put',
            url:`/posts/${id}`,
            data:data,
            success:function(){
                //跳转回文章列表页
                location.href = './posts.html'
            }
        })
        return false
    })
}else{
    //添加操作
    //查询分类的数据 展示到页面中
    $.ajax({
        type:'get',
        url:'/categories',
        success:function(res){
            console.log(res)
            var html = template('categoryTpl',{data:res})
            $('#category').html(html)
        }
    })

    


    //为表单添加一个提交事件，收集表单数据，发送ajax
    $('#addForm').on('submit',function(){
        var data = $(this).serialize()
        $.ajax({
            type:'post',
            url:'/posts',
            data:data,
            success:function(res){
                //添加成功之后，我们就跳转回文章列表页面
                location.href = './posts.html'
            }
        })
        return false 
    })
}




